for (var i = 0; i < img_roll.length; i++) {
    $("#pic0_div").show();
    $("#pic"+i+"_div").css('background-image', 'url(' + img_roll[i] + ')');
    $("#pic"+i+"_div").css('background-size', '100% 100%');
    $("#roll_p_"+i).html(img_roll_mes[i]);
}
var img_sro = 0;
var speed = 3000;
function ScrollUp() {
    // alert(img_sro)
    if (img_sro >= 3) {
        img_sro =0;
        // alert(444)
        $("#find_gb").find("div.active").removeClass("active");
        $("#find_gb").children(":first").addClass("active");
    }else{
        img_sro++;
        var last = $("#find_gb").find("div.active");
        last.removeClass("active").next().addClass("active");
    }
}
var img_i=setInterval("ScrollUp()",speed);
function go(){
    // alert(12)
    clearInterval(img_i); 
}
function out(){
    img_i=setInterval("ScrollUp()",speed);
    // alert('退出')
}
ScrollUp();
var find_gb = document.getElementById("find_gb");
//touchstart类似mousedown
//监听手机触屏事件
find_gb.ontouchstart = function(e){
    go();
};

find_gb.addEventListener("touchend", out, false);
(function(select){
    //小左边滑动
    var startX, moveX, movebox = document.querySelector(select);
    //触摸开始
    function boxTouchStart(e) {
        var touch = e.touches[0]; //获取触摸对象
        startX = touch.pageX; //获取触摸坐标
    }
    //触摸移动
    function boxTouchMove(e) {
        var touch = e.touches[0];
        moveX = touch.pageX - startX; //手指水平方向移动的距离
    }
    //触摸结束
    function boxTouchEnd(e) {
        // alert(img_sro)
        moveDir = moveX < 0 ? true : false; //滑动方向大于0表示向左滑动，小于0表示向右滑动
        //手指向左滑动
        if (moveDir) {
            
            var index = $(this).find("div.active").index();
            //第一个是1的时候
            if(index == 3){
                $(this).find("div.active").removeClass("active");
                $(this).children(":first").addClass("active");
                img_sro=0;
            }
            else{
                img_sro++;
                var last = $(this).find("div.active");
                last.removeClass("active").next().addClass("active"); //prev()寻找通
            }
        //手指向右滑动
        } else {
            var index = $(this).find("div.active").index();
            //第一个是4的时候
            if(index == 0){
                $(this).find("div.active").removeClass("active");
                $(this).children(":last").addClass("active");
                img_sro=3;
            }else{
                var last = $(this).find("div.active");
                var _this = $(this);
                last.removeClass("active").prev().addClass("active");
                img_sro--;
            }
        }
    }
    //滑动对象事件绑定
    movebox.addEventListener("touchstart", boxTouchStart, false);
    movebox.addEventListener("touchmove", boxTouchMove, false);
    movebox.addEventListener("touchend", boxTouchEnd, false);

})("#find_gb")

new_all.forEach(function (e,i) {
    var ul = document.getElementById("find_line_ul");

    var li = document.createElement("li");
    ul.appendChild(li);

    var a = document.createElement("a");
    li.appendChild(a);

    var img = document.createElement("img");
    // img.src = e.imge;
    img.id = 'line_img_'+i;
    a.appendChild(img);
    
    $("#"+img.id ).attr('src',e.img);

    var div1= document.createElement("div");
    div1.className = 'li_div_1';
    div1.innerHTML =e.title;
    a.appendChild(div1);

    var div2= document.createElement("div");
    div2.className = 'li_div_2';
    div2.innerHTML =e.value;
    a.appendChild(div2);

    var h5= document.createElement("h5");
    h5.innerHTML =e.time;
    a.appendChild(h5);
})